<template>
	<!-- 素材库 -->
	<view>
		<global-navgation  title="素材库"></global-navgation>
		<view class="image-container">
			<image src="../../static/images/8.png" mode="" @click="beautiful"></image>
			<image src="../../static/images/9.png" mode="" @click="friends"></image>
			<image src="../../static/images/10.png" mode="" @click="witness"></image>
			<image src="../../static/images/11.png" mode="" @click="poster"></image>
		</view>
	</view>
</template>

<script>
	import globalNavgation from '../../components/globalNavgation.vue'
	export default{
		name:'material',
		components:{
			globalNavgation
		},
		data(){
			return{
			}
		},
		methods:{
			beautiful(){
				uni.navigateTo({
					url:'../beautiful/beautiful'
				})
			},
			friends(){
				uni.navigateTo({
					url:'../friends/friends'
				})
			},
			witness(){
				uni.navigateTo({
					url:'../witness/witness'
				})
			},
			poster(){
				uni.navigateTo({
					url:'../poster/poster'
				})
			},
		}
	}
</script>

<style>
	.image-container{
		margin-top: 20rpx;
	}
	.image-container image{
		display: block;
		width: 686rpx;
		height: 240rpx;
		vertical-align: top;
		margin: 0 auto;
	}
</style>